    <style include="settings-shared">
      #headers {
        display: flex;
        padding: 10px 0;
      }

      #headers .name,
      #headers .keyword {
        flex: 3;
      }

      #headers .shortcut {
        flex: 4;
      }

      #headers .url {
        flex: 4;
      }

      settings-search-engine-entry {
        border-top: var(--cr-separator-line);
      }

      :host([fixed-height]) #container {
        /* Max items we show before scrolling is 6. Adding a 7th item to the
         * list will add a scroll bar to the container. */
        max-height: calc((var(--settings-row-min-height) +
                          var(--cr-separator-height)) * 6);
      }

      .icon-placeholder {
        margin-inline-end: 0;
        margin-inline-start: var(--cr-icon-button-margin-start);
        width: var(--cr-icon-ripple-size);
      }

      .cr-row {
        padding-inline-end: 7px;
        padding-inline-start: 0;
      }
    </style>
    <div id="outer" class="list-frame" role="table">
      <div role="rowgroup">
        <div role="row" id="headers" class="column-header">
          <span class="name" role="columnheader">[[nameColumnHeader]]</span>
          <span class="keyword" role="columnheader"
              hidden="[[isActiveSearchEnginesFlagEnabled]]">
            $i18n{searchEnginesKeyword}
          </span>
          <span class="shortcut" role="columnheader" hidden="[[!showShortcut]]">
            $i18n{searchEnginesShortcut}
          </span>
          <span class="url" role="columnheader"
              hidden="[[isActiveSearchEnginesFlagEnabled]]">
            $i18n{searchEnginesQueryURL}
          </span>
          <span class="url-padded" role="columnheader"
                hidden="[[!showQueryUrl]]">
            $i18n{searchEnginesQueryURL}
          </span>
          <span class="icon-placeholder"></span>
          <span class="icon-placeholder"
               hidden="[[!isActiveSearchEnginesFlagEnabled]]"></span>
        </div>
      </div>
      <template is="dom-if" if="[[!collapseList]]">
        <div id="container" class="scroll-container"
            scrollable$="[[fixedHeight]]">
          <div role="rowgroup">
            <dom-repeat items="[[engines]]">
              <template>
                <settings-search-engine-entry engine="[[item]]"
                    is-active-search-engines-flag-enabled=
                          "[[isActiveSearchEnginesFlagEnabled]]"
                    show-query-url="[[showQueryUrl]]"
                    show-shortcut="[[showShortcut]]">
                </settings-search-engine-entry>
              </template>
            </dom-repeat>
          </div>
        </div>
      </template>

      <template is="dom-if" if="[[collapseList]]">
        <div id="containerWithCollapsibleSection" class="scroll-container"
            hidden="[[!collapseList]]"
            scrollable$="[[fixedHeight]]">
          <div role="rowgroup">
            <dom-repeat items="[[visibleEngines]]">
              <template>
                <settings-search-engine-entry engine="[[item]]"
                    is-active-search-engines-flag-enabled=
                          "[[isActiveSearchEnginesFlagEnabled]]"
                    show-shortcut="[[showShortcut]]"
                    show-query-url="[[showQueryUrl]]">
                </settings-search-engine-entry>
              </template>
            </dom-repeat>
          </div>

          <cr-expand-button no-hover class="cr-row"
              hidden="[[!collapsedEngines.length]]"
              expanded="{{enginesListExpanded_}}">
            <div>[[expandListText]]</div>
          </cr-expand-button>
          <iron-collapse opened="[[enginesListExpanded_]]">
            <div role="rowgroup">
              <dom-repeat items="[[collapsedEngines]]">
                <template>
                  <settings-search-engine-entry engine="[[item]]"
                      is-active-search-engines-flag-enabled=
                            "[[isActiveSearchEnginesFlagEnabled]]"
                      show-shortcut="[[showShortcut]]"
                      show-query-url="[[showQueryUrl]]">
                  </settings-search-engine-entry>
                </template>
              </dom-repeat>
            </div>
          </iron-collapse>
        </div>
      </template>
    </div>